<template>
  <ul class="todo-main">
    <!-- 一个Item即为一个事件 -->
    <!-- 组件标签:使用指令 todos:数组六个元素  todo:数组里面某一个元素 对象-->
    <Item v-for="(todo, index) in todos" :key="index" :todo="todo" :changeDone="changeDone" :deleteTodo="deleteTodo"/>
  </ul>
</template>

<script>
//引入子组件Item
import Item from "./Item";
export default {
  name: "",
  //接受父组件传递过来的数据---props
  props: ["todos",'changeDone',"deleteTodo"],
  components: {
    Item,
  },
};
</script>

<style scoped>
</style>
